import React from 'react';
import { Layout } from 'antd';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import PanelHeader from '@/components/PanelHeader';
import LeftSidebar from '@/components/LeftSidebar';
import PanelContent from '@/components/PanelContent';
import RightSidebar from '@/components/RightSidebar';
import './index.less';

// 起始页
export default function Panel() {

    return (
        <DndProvider backend={HTML5Backend}>
            {/* @ts-ignore */}
            <Layout className="app-container">
                <PanelHeader />
                {/* @ts-ignore */}
                <Layout style={{
                    flexDirection: 'row'
                }}>
                    <LeftSidebar />
                    <PanelContent />
                    <RightSidebar />
                </Layout>
            </Layout>
        </DndProvider>
    );
};


